<template>
    <div>
        <van-tabbar v-model="active">
            <van-tabbar-item name="home" to="/home" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item name="prepare" to="/prepare" icon="orders-o">备课</van-tabbar-item>
            <van-tabbar-item name="analysis" to="/analysis" icon="send-gift-o">学情</van-tabbar-item>
            <van-tabbar-item name="personal" to="/personal" icon="manager-o">我</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script setup>
import { ref } from 'vue';
const active = ref(0);

</script>

<style lang="scss" scoped></style>